<!DOCTYPE html>
<html lang="ch">
<head>
    <title></title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
    <!-- 总结：
    -->
    <div id="demo">
        <h2>{{newValue}}</h2>
        <h2>{{newVal2}}</h2>
        <input v-model="newVal3"></input>
    </div>
    <script type="text/javascript">
    Vue.config.productionTip = false //关闭生产提示
    new Vue({
        el:"#demo",
        data:{
            name:"test",
            a:1,
            b:2,
            c:3,
        },
        computed:{//依赖初试属性的变化
            newValue:{//默认get和set选项方法
                get(){
                    return this.a+this.b
                }
            },
            newVal2(){//只取值时，可以简写
                return this.b+this.c
            },
            newVal3:{
                get(){
                    return this.a+this.b+this.c
                },
                set(value){
                    console.log("传的什么值呢"+value+"就是输入的值")
                    this.a = value
                }
            }
        }
    })
    </script>
</body>
</html>